import Vue from 'vue'
import store from '@/store'

// 自定义指令
// 头像图片出错
Vue.directive('imgErr', {
  // el:表示的是使用指令的DOM
  // binding:使用指令时传入的数据
  inserted(el, binding) {
    // console.log(el)
    // console.log(binding)
    el.onerror = function() {
      el.src = binding.value
    }
  }
})

// 更改颜色
Vue.directive('changeColor', {
  inserted(el, binding) {
    el.style.color = binding.value
  }
})

// 自定义指令控制按钮权限
Vue.directive('permission', {
  inserted(el, binding) {
    const points = store.getters.roles?.points || []
    if (!points.includes(binding.value)) {
      // el.style.display = 'none' 不靠谱,能调出来
      el.parentNode.removeChild(el)
    }
  }
})

